<template>
    <div>
       <div class="geren" v-for="(item,i) in aid" :key="i">
           <button class="anniu" @click="ti(item.aid)">{{item.aid}}</button>
       </div>
    </div>
</template>
<script>


export default ({
    data() {
        return{
           aid:[],
           timu:'',
        }
    },
    mounted(){
    this.axios.get('/shoucang1').then(result=>{
        // console.log(result);
        // console.log(result.data.results)
        this.aid=result.data.results
        // console.log(this.aid)
    })
   
  },
  methods:{
    ti(event){
        // console.log(event);
        this.timu=event;
        // console.log(this.timu)
        this.$router.push(`/ti?aid=${this.timu}`);
        // // console.log(this.aid[this.timu].aid);
        // this.timu++;
        // console.log(this.timu)
    }
  }
})
</script>
<style scoped>
.geren{
  margin-top: 40px;
  height: 50px;
  width: 50px;
  position: relative;
  float: left;
  margin-left: 10px;
}

.anniu{
    position:absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid blanchedalmond;
    left: 20px;
    top: 20px;
    
}
</style>
